<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 重置浏览器默认样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/preview.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="box">
         
        <!-- 网页的头部 begin -->
        <header>
            <div class="container">
                <!-- logo -->
                <div class="logo">
                    <img class="auto-img" src="./images/logo.png" alt="">
                </div>

                <!-- tel -->
                <div class="tel">
                    <img class="auto-img" src="./images/phone.png" alt="">
                </div>
            </div>
        </header>
        <!-- 网页的头部 end -->
        
        <!-- 导航栏 begin -->
        <nav>
            <div class="container">
                
                <!-- 左边列表 -->
                <ul class="list">

                    <a href="javascript:;">
                        <li class="active">网站首页</li>
                    </a>
                    
                    <a href="./view/公司简介.html">
                        <li>关于宏恩
                            <ul>
                                <li>公司简介</li>
                                <li>发展历程</li>
                                <li>企业文化</li>
                                <li>组织机构</li>
                                <li>企业荣誉</li>
                            </ul>
                        </li>
                    </a>
                    
                    <a href="./view/产品中心.html">
                        <li>产品中心</li>
                    </a>

                    <a href="./view/新闻中心.html">
                         <li>新闻中心
                             <ul>
                                 <li>公司动态</li>
                                 <li>行业聚焦</li>
                             </ul>
                         </li>
                    </a>

                    <a href="javascript:;">
                        <li>人才招聘
                            <ul>
                                <li>人才理念</li>
                                <li>办公环境</li>
                                <li>社会招聘</li>
                                <li>校园招聘</li>
                            </ul>
                        </li>
                    </a>

                    <a href="javascript:;">
                        <li>联系我们</li>
                    </a>
                </ul>

                <!-- 右边输入框 -->
                <div class="ipt">
                    <input type="text" placeholder="请输入您想搜索的内容">
                    <div>
                        <img class="auto-img" src="./images/search1.png" alt="">
                    </div>
                </div>


            </div>
        </nav>
        <!-- 导航栏 end -->

        <!-- 轮播图 begin -->
        <div class="banner">
            <img class="auto-img" src="./images/banner-1.png" alt="">
        </div>
        <!-- 轮播图 end -->

        <!-- 公司主体内容 begin -->
        <main>

            <!-- 公司简介 begin -->
            <section class="synopsis">
                <div class="container">

                    <div class="content">
                        <!-- 图片盒子 -->
                        <div class="img-box">
                            <img class="auto-img" src="./images/2.png" alt="">
                        </div>

                        <!-- 右边盒子 -->
                        <div class="detail">

                            <header>
                                <h2>公司简介</h2>
                                <p>发展历程 / 企业文化 / 产品中心</p>
                            </header>

                            <section>
                                宏恩建筑工程有限公司成立于1985年，是一个以房建、市政、装饰、地产开发为四大支柱产业的大型综合性建筑企业集团。我们的服务理念：为企业立命、为员工谋福、为社会服务。是一个一级建筑施工劳务企业，公司按现代化企业管理要求实行董事会领导下的总经理负责制，下设项目工程部\经营管理部\质检技术部等八个职能部门，科学管理3支，专业水电施工队伍3支，工程管理＼技术人员360人，各类在职人源620余人，具有单独或协同完成各类司先后30项获得北京市长城杯工程，40余获北京市安全文明工地。
                            </section>

                            <div class="footer">
                                [了解更多]
                            </div>

                        </div>
                    </div>

                </div>
            </section>
            <!-- 公司简介 end -->

            <!-- 作品展示 begin -->
            <section class="show">
                <div class="container">

                    <div class="title">
                        <h2>作品展示</h2>
                    </div>

                    <div class="list">
                        <ul>
                            <li>精品设计</li>
                            <li>基础工程</li>
                            <li>房建工程</li>
                            <li>市政工程</li>
                            <li>轨道工程</li>
                        </ul>
                    </div>

                    <div class="img-list">
                        <span class="prev"></span>
                        <span class="next"></span>

                        <ul>
                            <li>
                                <img class="auto-img" src="./images/3.png" alt="">
                                阳光花园
                            </li>

                            <li>
                                <img class="auto-img" src="./images/4.png" alt="">
                                世界中心大厦
                            </li>

                            <li>
                                <img class="auto-img" src="./images/5.png" alt="">
                                格林海景花园
                            </li>

                            <li>
                                <img class="auto-img" src="./images/6.png" alt="">
                                四方大厦
                            </li>
                        </ul>
                    </div>

                </div>
            </section>
            <!-- 作品展示 end -->

            <!-- 
            ctrl+f   查找
            ctrl+h   查找 和 替换
            ctrl+shift+h   全局查找 和 全局替换 -->
            
            <!-- 行业资讯 begin -->
            <section class="info">
                <div class="container">

                    <div class="title">
                        <h2>行业资讯</h2>
                    </div>


                    <!-- 多列浮动布局 -->
                    <div class="list">
                        <!-- 左边盒子 -->
                        <div class="left">
                            <img class="auto-img" src="./images/7.png" alt="">
                        </div>

                        <!-- 中间盒子 -->
                        <div class="middle">
                            <!-- 标题 -->
                            <div class="head">
                                <h2>成都发布城建攻坚2025规划国</h2>
                                <time>2016-02-09</time>
                            </div>

                            <!-- 内容 -->
                            <div class="content">
                                发布城建攻坚2025规划国际成都再添一环，成都发布城建攻坚2025规划国际成都，再添一环成都发布城建攻坚2025规划国际成都再添一环。成都发布城建攻坚2025规划国际成都再添一环！
                            </div>

                            <!-- 底部按钮 -->
                            <a class="btn" href="javascript:;"> 更多>> </a>
                        </div>

                        <div class="right">
                            <a href="javascript:;">
                                <span>成都发布城建攻坚2025规划国际成都再添一环！</span>
                                <span>[2016-01-09]</span>
                            </a>

                            <a href="javascript:;">
                                <span>成都发布城建攻坚2025规划国际成都再添一环！</span>
                                <span>[2016-01-09]</span>
                            </a>

                            <a href="javascript:;">
                                <span>成都发布城建攻坚2025规划国际成都再添一环！</span>
                                <span>[2016-01-09]</span>
                            </a>

                            <a href="javascript:;">
                                <span>成都发布城建攻坚2025规划国际成都再添一环！</span>
                                <span>[2016-01-09]</span>
                            </a>

                            <a href="javascript:;">
                                <span>成都发布城建攻坚2025规划国际成都再添一环！</span>
                                <span>[2016-01-09]</span>
                            </a>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 行业资讯 end -->

            <!-- 联系我们 begin -->
            <section class="msg">
                <div class="container">

                    <!-- 标题 -->
                    <div class="title">
                        <h2>联系我们</h2>
                    </div> 

                    <!-- 图片盒子 -->
                    <div class="img-box">
                        <img class="auto-img" src="./images/map.png" alt="">

                        <div class="content">

                            <div class="qrcode">
                                <img class="auto-img" src="./images/erweima.png" alt="">
                            </div>

                            <ul>
                                <li>电话：400-990-9999</li>
                                <li>QQ：9321456</li>
                                <li>邮箱：hongen@163.com</li>
                                <li>地址：广州市天河区中山大道520号汇丰大厦6F</li>
                            </ul>
                            
                        </div>


                    </div>
                    
                </div>
            </section>
            <!-- 联系我们 end -->
            
        </main>
        <!-- 公司主体内容 end -->


        <!-- 页脚 begin -->
        <footer>
            <div class="container">
                版权所有：广州市建筑集团有限公司 京ICP备11009138号 京公网安备:110401300085 技术支持：中企动力
            </div>
        </footer>
        <!-- 页脚 end -->
    </div>
</body>
</html>